<!DOCTYPE html>
<html lang="en">
<head>
<title>Pokoje Violetta | Pokoje </title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/stylemenu.css" type="text/css" media="all">
<link rel="Stylesheet" type="text/css" href="css/smoothDivScroll.css" />
<link rel="Stylesheet" type="text/css" href="css/colorbox.css" />

<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Adamina_400.font.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.js" ></script>
<script type="text/javascript" src="js/script.js" ></script>
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
<script type="text/javascript" src="js/scriptmenu.js"></script>

<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
<![endif]-->
</head>
<body id="page4">
<div class="bg1">
  <div class="bg2">
    <div class="main">
      <!-- header -->
      <header>
         <h1><a href="index.html" id="logo">Pokoje Violetta</a></h1>
        
      </header>
      <div class="box">

         <div id='cssmenu'>
		<ul>
         	 <li class="active"><a href="index.html">Strona główna</a></li>
            <li><a href="oferta.html">Oferta </a></li>
            <li class="active"><a href="pokoje.html">Pokoje</a></li>
            <li><a href="cennik.html">Cennik </a></li>
            <li><a href="kontakt.html">Kontakt </a></li>
		</ul>
		</div>
        <!-- header end -->
        <!-- content -->
        <article id="content">
          <div class="box1">
            <div class="wrapper">
              <div class="col2 pad">
                 <p>
  			      <h7>Opis pokoi</h7>
  			    </p>
                <div class="wrapper line2">
                  <div class="col3">
                    <p class="pad_bot1"><strong>Pokoje</strong></p>
                    <p>Udostępniamy 45 miejsc noclegowych. Do dyspozycji gości oddajemy: pokoje 2, 3, 4-osobowe z umywalkami (toalety i prysznice mieszczą się na korytarzu). </p>
                    <ul class="list2">
                      <li><span>2</span>Pokoje 1-osobowe</li>
                      <li><span>4</span>Pokoje 2-osobowe</li>
                      <li><span>3</span>Pokoje 3-osobowe</li>
                      <li><span>3</span>Pokoje 4-osobowe</li>
                    </ul>
                  </div>
                  
                  <div class="col3 pad_left1">
                   <!--img src="images/pokoje.jpg" alt="" style="width:200px;height:150px"-->
                   
                   		<div id="makeMeScrollable">
							<a href="images/pokoje.jpg"><img src="images/pokoje.jpg" alt="" id="" /></a>	
                            <a href="images/pokoje.jpg"><img src="images/pokoje2.jpg" alt="" id="" /></a>	
						</div>
    
                  </div>
                </div>
                
                <div class="wrapper line2">
                  <div class="col3">
                    <p class="pad_bot1"><strong>Sala kominkowa</strong></p>
                    <p> Sala kominkowa/konferencyjna może pomieścić  25 osób. W sali znajduje się TV oraz komputer z dostępem do Internetu.  </p>
                    <ul class="list2">
                        <li><span>25</span>Ilość miejsc</li>
                     
                  </ul>
                  </div>
                  
                  <div class="col3 pad_left1">
                   	 	<div id="makeMeScrollableTwo">
							<a href="images/sala_kominkowa.jpg"><img src="images/sala_kominkowa.jpg" alt="" id="" /></a>
						</div>
                    </div>
                </div>
                
                <div class="wrapper line2">
                  <div class="col3">
                     <p class="pad_bot1"><strong>Sala wielofunkcyjna</strong></p>
                    <p> Sala może pomieścić do 100 osób (posiada lustra). Ponadto udostępniane jest zaplecze środków audiowizualnych takich jak projektor multimedialny, ekran, flipchart.  </p>
                    <ul class="list2">
                        <li><span>100</span>Ilość miejsc</li>
                  </ul>
                  </div>
                  
                  <div class="col3 pad_left1">
                   		<div id="makeMeScrollableThree">
                    		<a href="images/sala_konferencyjna.jpg"><img src="images/sala_konferencyjna_small.jpg" alt="" id="" width = "280" height="180" /></a>	
                           <a href="images/sala_konferencyjna2.jpg"><img src="images/sala_konferencyjna2_small.jpg" alt="" id="" width = "280" height="180" /></a>	
						</div>
                    </div>
                </div>
              </div>
            </div>
          </div>
        </article>
        <!--content end-->
      </div>
    </div>
  </div>
</div>
<div class="main">
  <!-- footer -->
  <footer>
    <div class="col2"> Design by <a target="_blank" href="http://www.pokojevioletta.pl/">www.pokojevioletta.pl</a>
      <nav>
      </nav>
    </div>
    <div class="col_footer pad_left1">
      <ul id="icons">
        <li><a href="#" class="normaltip"><img src="images/icon2.jpg" alt=""></a></li>
      </ul>
    </div>
    <!-- {%FOOTER_LINK} -->
  </footer>
  <!-- footer end -->
</div>
<script type="text/javascript">Cufon.now();</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<script src="js/jquery.mousewheel.min.js" type="text/javascript"></script>
<script src="js/jquery.kinetic.min.js" type="text/javascript"></script>
<script src="js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>
<script src="js/jquery.colorbox-min.js" type="text/javascript"></script>	
<script type="text/javascript">
		$(document).ready(function () {
			$("#makeMeScrollable").smoothDivScroll({
				mousewheelScrolling: "allDirections",
				manualContinuousScrolling: true

			});

			$("#makeMeScrollableTwo").smoothDivScroll({
				mousewheelScrolling: "allDirections",
				manualContinuousScrolling: true

			});
			
			$("#makeMeScrollableThree").smoothDivScroll({
				mousewheelScrolling: "allDirections",
				manualContinuousScrolling: true

			});
			
			$("#makeMeScrollable a").colorbox({ speed: "500" });
			$("#makeMeScrollableTwo a").colorbox({ speed: "500" });
			$("#makeMeScrollableThree a").colorbox({ speed: "500" });

		});
	</script>
</body>
</html>